﻿

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="~/css/top.css">
    <link rel="stylesheet" type="text/css" href="/css/lunbo.css">
    <script src="/js/jquery-1.8.3.min.js"></script>
    <script src="/js/public.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/vipcenter.css">
    <link rel="stylesheet" type="text/css" href="/css/footer.css" />
</head>
<body>
    <script src="/js/daohang.js"></script>
    <!--个人中心首页 -->
    <div class="thetoubu">
        <!--头部-->
        <div class="thetoubu1">
            <b>
                <img src="/img/touxiang.png" />
            </b>
            <em>@ViewBag.name</em>
            <em>欢迎来到会员中心</em>
            <a href="/GeRen/DiZhi">地址管理</a>
            <a href="/GeRen/XinXi">修改资料</a>
            <h5>账户安全</h5>
            <strong>低</strong>
            <span>
                <p style=" width:27%"></p>
            </span>
            <a href="#">安全等级提升</a>
            <em style=" padding-right:2px">手机</em>
            <a href="#" style=" padding-left:2px; float:left; display:block; color:#f00" title="点击绑定">未绑定</a>

        </div>
        <!--详细列表-->
        <div class="xiangxilbnm">
            <!--left-->
            <div class="liefyu">
                <h2>交易管理</h2>
                <div class="conb">
                    <a href="/GouWuChe/Index">我的购物车</a>
                    <a href="/GeRen/Index">我的订单</a>
                    <a href="#">我的收藏</a>
                    <a href="#">交易评价/晒单</a>


                </div>
                <h2>资料管理</h2>
                <div class="conb">
                    <a href="/GeRen/XinXi">账户信息</a>

                    <a href="/GeRen/DiZhi">收货地址</a>
                </div>
            </div>

            <script type="text/javascript">
                $(function () {//第一步都得写这个
                    $(".liefyu h2").click(function () {//获取title，并且让他执行下面的函数
                        $(this)/*点哪个就是哪个*/.next(".conb")/*哪个标题下面的con*/.slideToggle()/*打开/折叠*/.siblings/*锁定同级元素*/(".con").slideUp()/*同级元素折叠起来*/
                    })
                })
            </script>
            <!--right-->
            <div class="zuirifip">
                <!--基本信息-->
                <div class="basedexinxi">
                    <a href="#">基本信息</a>
                </div>
                <!--基本信息结束-->
                <!--修改基本信息开始-->

                <div class="baseopxg">
                    <!--第一部分-->
                    <div class="tirstbf">
                        <span>
                            <img src="@ViewBag.touxiang" />
                            <a href="#">编辑头像</a>
                        </span>

                    </div>
                    <!--第二部分-->
                    <div class="thetwobf">
                        <em>真实姓名：</em><input style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="text" class="shuru" placeholder="@ViewBag.name" required />
                    </div>
                    <div class="thetwobf">
                        <em>昵称：</em><input style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="text" class="shuru" placeholder="@ViewBag.nicheng" required />
                    </div>
                    <div class="thetwobf">
                        <em>性别：</em>
                        <input type="radio" name="sex" style=" float:left; display:block; width:13px; height:13px; margin-top:9px"><span>男</span>
                        <input type="radio" name="sex" style=" float:left; display:block; width:13px; height:13px; margin-top:9px"><span>女</span>
                        <input type="radio" name="sex" style=" float:left; display:block; width:13px; height:13px; margin-top:9px"><span>保密</span>
                    </div>
                    <div class="thetwobf">
                        <em>电话：</em><input style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="text" class="shuru" placeholder="@ViewBag.phone" required />
                    </div>
                    <div class="thetwobf">
                        <em>邮箱：</em><input style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px; width:160px" type="text" class="shuru" placeholder="@ViewBag.email" required />
                    </div>
                   
                    <div class="thetwobf">
                        <em>验证码：</em><input style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px; width:160px" type="text" class="shuru" />
                        <img src="/img/ybjsadz.jpg" style=" float:left; width:100px; height:30px; display:block; margin-left:10px">
                        <em style=" width:50px">换一张</em>
                    </div>
                    <div class="thetwobf">
                        <a href="#" style=" display:block; padding-left:20px; padding-right:20px; line-height:40px;float:left; font-size:14px; color:#FFF; margin-left:213px">保存</a>
                    </div>
                </div>
                <!--修改基本信息结束-->
            </div>
            <!--right结束-->
        </div>
        <!--详细列表结束-->
    </div>
    <!--个人中心结束-->

</body>
</html>




